<template>
	<svg aria-hidden="true" :width="props.width" :height="props.height" :fill="props.color">
		<use :xlink:href="`#icon-${props.name}`" />
	</svg>
</template>
<script setup lang="ts">
	interface ISvgIconProps {
		width?: number | string; // 宽度
		height?: number | string; // 高度
		name: string; // icon名称
		color?: string; // 颜色
	}

	const props = withDefaults(defineProps<ISvgIconProps>(), {
		width: '2em',
		height: '2em',
		color: '#000',
	});
</script>
